import React from 'react';
import 'antd/dist/antd.css'
import { Input,Button,List } from 'antd'

const data=[
    '早8点开晨会，分配今天的代码任务',
    '早9点和项目经理开需求沟通会',
    '晚5:30对今日代码进行review'
]

function TodoList()  {
   
        return ( 
            <div style={{margin:'10px'}}>
                <div>
                    <Input 
                        placeholder='jspang' 
                        style={{ width:'250px',marginRight:'10px'}}/>
                    <Button type='primary'>增加</Button>
                </div>
                <div style={{margin:'10px',width:'300px'}}>
                    <List
                        bordered
                        dataSource={data}
                        renderItem={item=>(<List.Item>{item}</List.Item>)}
                    />
                </div>
            </div>
         );
    
}
export default TodoList;